<style>
    body {
        background: #F3F1F3
    }

    .recRend ul li {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 1px;
        padding: .5rem;
        background: white;
        font-size: 80%;
        
    }

    .recRend ul li span {
        color: #333;
        width: 20%;
        text-align: right;

    }

    .recRend ul li input {
        padding-left: .3rem;
        width: 45%;
    }

    .recRend .submit {
        width: 96%;
        margin-left: 3%;
        background: #39AC6A;
        padding: .5rem;
        color: white;
        border-radius: 1rem;
        margin-top: 1rem;
    }

    .zhaohuiPass {
        background: white;
        padding: .5rem;
        color: #39AC6A;
    }
    .userPhone{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 80%;
        text-align: left;
    }
    .getCode {
        padding: .3rem .5rem;
        background: #39AC6A;
        border-radius: 1rem;
        color: white;
    }
</style>
<div class="recRend">
    <!-- S 提交用户资料 -->
    <form ng-action="/index" method="post">
        <ul>

            <li>
                <span>手 <span>机</span>号：</span>
                <div class="userPhone">
                    <input type="number" class="userPhnoe" ng-model="backPhone" ng-disabled="userDesc.phone" placeholder="请输入手机号码">
                    <button  ng-click="getCode()" class="getCode" ng-if="!userDesc.phone" ng-cloak class="ng-cloak">点击获取验证码</button>
               
                </div>
            </li>
            <li>
                <span>
                    密码：
                </span>
                <input type="password" name="userPassword" placeholder="请输入密码" ng-model="backPassword">
            </li>
        </ul>
        <button class="submit" ng-click="backPass()" ng-disabled="{{OnClick}}">提交</button>
    </form>
    <!-- 提交用户资料 E -->
</div>